<template>
  <div style="margin: 0.1rem 0; padding-left: 0.1rem">
    <div style="display: flex; align-items: center">
<!--      <div :style="{ width: '0.04rem', height: '0.2rem', background: defaultTitleColor, marginRight: '0.1rem', borderRadius: '0.02rem' }"></div>-->
      <div style="font-size: 0.14rem; font-weight: bold; color: #373737">
        {{ fieldConfig.title }}
      </div>
    </div>
    <div style="height: 0.02rem; background: #eee; margin-top: 8px; border-radius: 0.01rem" :style="{background: defaultTitleColor}"></div>
  </div>
</template>
<script>
import {createProps} from '@/utils';

export default {
  name: 'Title3',
  props: {
    fieldConfig: createProps(Object, () => ({title: undefined, exts: undefined}))
  },
  computed: {
    defaultTitleColor: function() {
      return this.fieldConfig?.exts?.titleColor || '#3b80f7'
    }
  },
}
</script>